{namespace em=TYPO3\CMS\Extensionmanager\ViewHelpers}
<div class="card card-size-fixed-small">

	<div class="card-image">
		<f:link.action action="show" controller="Distribution" arguments="{extension:distribution}">
			<em:distributionImage extensionkey="{distribution.extensionKey}" alt="{distribution.title}" height="225" width="300" />
		</f:link.action>
		<f:if condition="{distribution.dependencies}">
			<div class="card-image-badge">
				<em:typo3Dependency extension="{distribution}" />
			</div>
		</f:if>
		<f:if condition="{official}">
			<div class="distribution-official-badge">
				<f:image
					src="EXT:extensionmanager/Resources/Public/Images/OfficialBadge.svg" alt="{distribution.title}"
					height="64"
					width="64"
				/>
			</div>
		</f:if>
	</div>

	<div class="card-header">
		<h3 class="card-title">
			<f:link.action action="show" controller="Distribution" arguments="{extension:distribution}">
				{distribution.title}
			</f:link.action>
		</h3>
		<span class="card-subtitle">
			{distribution.extensionKey}
		</span>
	</div>

	<div class="card-content">
		<p class="card-text">
			{distribution.description -> f:format.crop(maxCharacters: 150) -> f:format.raw()}
		</p>
	</div>

	<div class="card-footer">
		<f:link.action action="installDistribution" controller="Download" arguments="{extension:distribution}" class="btn btn-default t3-button-action-installdistribution">
			<core:icon identifier="actions-system-extension-import" /> <f:translate key="extensionList.installDistribution">Install</f:translate>
		</f:link.action>
		<f:link.action action="show" controller="Distribution" arguments="{extension:distribution}" class="btn btn-link">
			<f:translate key="button.details">Show Details</f:translate>
		</f:link.action>
	</div>

</div>
